# Breadcrumb 面包屑

一种特殊的导航，用来指引在系统中用户的行踪和方向

## 何时使用

用户处于界面的内容区域时，内容的信息层级有 2 层以上

想要无需使用主导航系统就可以来去自如

进入二级页面，除了给予逃生出口外，告知用户更详细的信息

## 使用示例

<!-- Inject Stories -->

## Props

<!-- Inject Props -->

## Type

### BreadcrumbDataItem

| 参数   | 说明                                          | 类型      | 可选值                                          | 默认值 |
| ------ | --------------------------------------------- | --------- | ----------------------------------------------- | ------ |
| title  | 面包屑的标题                                  | ReactNode | -                                               | -      |
| href   | 设置按钮链接，设置后将用 a 标签渲染按钮       | string    | ︎                                               | -      |
| target | 同 a 标签的 target 属性，仅在设置 href 后有效 | string    | ︎'\_self' \| '\_blank' \| '\_parent' \| '\_top' | -      |
| icon   | 自定义图标                                    | ReactNode | ︎                                               | -      |
